<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		 <script src="../../js/vue.min.js"></script>
	</head>
	<body>
		<!--
		VueJS 常用系统指令  
		2@keydown
		说明: 键盘按下事件(等同于v-on:keydown)
		【需求】：对文本输入框做校验，使用键盘按下事件，如果按下0-9的数字，正常显示，其他按键则阻止事件执行。
		-->
		<div id="app">
		        <!--$event:为时间对象-->
		        <input type="text" value="hello.." @keydown="fun01($event)"/>
		    </div>
		​
		    <script>
		        //创建一个Vue实例(VM)
		        new Vue({
		            el: '#app', //表示当前vue对象接管了div区域
		            data:{
		            },
		            methods:{
		                fun01:function (e) {
		                    var keyCode=  e.keyCode;
		                    if (!(keyCode >= 49 && keyCode<=57)){
		                        //阻止事件执行
		                        e.preventDefault();
		                    }
		                }
		            }
		        });
		    </script>
	</body>
</html>
